<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>漫步时尚广场-商品详情</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/logo.css">
    <link rel="stylesheet" href="css/menu.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/copyright.css">
    <link rel="stylesheet" href="css/detail.css">
    <!--[if IE]>
    <script>
        document.createElement("header");
        document.createElement("footer");
        document.createElement("article");
        document.createElement("section");
    </script>
    <![endif]-->
</head>

<body>
    <!-- 顶部区域 start -->
    <div class="top_nav_father">
        <div class="top_nav">
            <ul class="nav_left left">
                <li class="nav china">
                    <span class="china">中国大陆</span>
                    <span class="bg_pic dsj_pic"></span>
                </li>
                <li class="nav login">
                    <a href="./manageadmin/login.html" class="login">亲，请登录</a>
                    <a href="./register/Register.html">免费注册</a>
                </li>
                <li class="nav">
                    <a href="#">手机逛</a>
                </li>
            </ul>
            <ul class="nav_right right">
                <li class="nav">
                    <a href="#">
                        <span class="bg_pic shop_car_pic"></span> 我的购物车
                        <span class="shop_car_num">0</span>件
                        <span class="bg_pic dsj_pic"></span>
                    </a>
                </li>
                <li class="nav">
                    <a href="#">
                        <span class="bg_pic like_pic"></span> 收藏夹
                        <span class="bg_pic dsj_pic"></span>
                    </a>
                </li>
                <li class="nav">
                    <a href="#">联系客服</a>
                    <span class="bg_pic dsj_pic"></span>
                </li>
            </ul>
        </div>
    </div>
    <!-- 顶部区域 end -->
    <!-- logo 和 banner start -->
    <div class="logo">
        <div class="logo_container">
            <div class="logo_img">
                <a href="./index.html">
                    <img src="./images/logo.png" alt="">
                </a>
            </div>
            <div class="logo_banner">
                <img src="./images/header1.jpg" width="1190px" height="66px" style="opacity: 0.4;" alt="">
            </div>
        </div>
    </div>
    <!-- logo 和 banner end -->
    <!-- 菜单导航 start -->
    <div class="nav_bg">
        <div class="nav_content"> 
            <ul class="nav">
                <li class="nav_active"><a href="shoppingIndex.html" class="white"> 首页</a></li>
                <li><a href="shoppingShow.html" class="white"> 最新上架</a></li>
                <li>品牌活动</li>
                <li>原厂直供</li>
                <li>团购</li>
                <li>限时抢购</li>
                <li>促销打折</li>
            </ul>
        </div>
    </div>
    <!-- 菜单导航 end -->
    <!-- 中间部分 start -->
    <div class="main">
        <!-- 购物分类 start -->
        <div class="menu">
            <ul class="menu_list">
                <li><span class="title">女装</span></li>
                <li><span class="red_dot"></span><a href="#">上衣</a><span class="right_arrow"></spancla>
                </li>
                <li><span class="red_dot"></span><a href="#">下装</a><span class="right_arrow"></span></li>
                <li><span class="red_dot"></span><a href="#">连衣裙</a><span class="right_arrow"></span></li>
                <li><span class="red_dot"></span><a href="#">内衣</a><span class="right_arrow"></span></li>
                <li><span class="title">男装</span></li>
                <li><span class="red_dot"></span><a href="#">T恤</a><span class="right_arrow"></span></li>
                <li><span class="red_dot"></span><a href="#">短裤</a><span class="right_arrow"></span></li>
                <li><span class="red_dot"></span><a href="#">衬衫</a><span class="right_arrow"></span></li>
                <li><span class="title">童装</span></li>
                <li><span class="red_dot"></span><a href="#">上衣</a><span class="right_arrow"></span></li>
                <li><span class="red_dot"></span><a href="#">裤子</a><span class="right_arrow"></span></li>
                <li><span class="title">运动</span></li>
                <li><span class="red_dot"></span><a href="#">运动裤</a><span class="right_arrow"></span></li>
                <li><span class="red_dot"></span><a href="#">跑步鞋</a><span class="right_arrow"></span></li>
            </ul>
        </div>
        <!-- 购物分类 end -->
        <!-- 中间区域 start -->
        <div class="middle">
            <h1 class="pic_title">商品详情</h1>
            <!-- 缺少放大镜效果 -->
            <div class="left_pic">
                <div id="box">
                    <img src="./images/showdetail/dd1.jpg" width="360" height="360" alt="" id="showGoodsPicture">
                </div>
                <ul class="small_piclist" id="goodsList">
                    <li><img src="./images/showdetail/dd1.jpg" alt=""></li>
                    <li><img src="./images/showdetail/dd2.jpg" alt=""></li>
                    <li><img src="./images/showdetail/dd3.jpg" alt=""></li>
                    <li><img src="./images/showdetail/dd4.jpg" alt=""></li>
                    <li><img src="./images/showdetail/dd5.jpg" alt=""></li>
                </ul>
            </div>
            <div class="right">
                <h1 class="font16">ins复古衬衫男ulzzangbf原宿风港风韩版潮流宽松韩风chic外套学生
                </h1>
                <div class="mon">
                    <ul>
                        <li>
                            <span class="goods-list">价格</span>
                            <div class="con">
                                <i class="money1">¥</i>
                                <i class="lastmon">110.00</i>
                            </div>
                        </li>
                        <li>
                            <span class="goods-list">淘宝价</span>
                            <div class="con">
                                <i class="money2">¥</i>
                                <i class="nowmon">88.00</i>
                                <i class="hotshop">火热促销</i>
                            </div>
                        </li>
                        <li>
                            <span class="goods-list">优惠</span>
                            <div class="con" style="width: 130px;margin-right: 0;">
                                <i class="taomon"></i>
                                <i class="taomoncon">淘金币可抵4.40元</i>
                            </div>
                        </li>
                    </ul>
                    <div class="sum-com">
                        <a href="">5</a>
                        <span>累计评论</span>
                    </div>

                    <div class="sum-shop">
                        <a href="">
                            <span style="font-size: 16px;">1</span>
                            <span>交易成功</span>
                        </a>
                    </div>
                </div>
                <div class="dil">
                    <span class="goods-list">配送</span>
                    <div class="address">
                        <span class="orgin">浙江杭州</span>
                        至
                        <span class="target">甘肃兰州安宁区<a href="javascript:;" class="xsj"></a></span>

                    </div>
                    <div class="dil-mon">
                        <span>快递 免运费<a href="javascript:;" class="xsj"></a></span>

                    </div>
                    <div class="hour">
                        <span>72小时内发货</span>
                    </div>
                </div>
            </div>
            <ul class="tab" id="goodsTabs">
                <li class="tab_sctive">商品详情</li>
                <li>商品评价</li>
                <li>成交记录</li>
            </ul>
            <article class="tab_content">
                <ul class="particulars">
                    <li title="常规">厚薄:&nbsp;常规</li>
                    <li title="其他100%">材质成分:&nbsp;其他100%</li>
                    <li title="长袖">袖长:&nbsp;长袖</li>
                    <li title="61653">货号:&nbsp;61653</li>
                    <li title="特宽">版型:&nbsp;特宽</li>
                    <li title="尖领（常规）">领型:&nbsp;尖领（常规）</li>
                    <li title="黑色 玫红色 桔红色">颜色:&nbsp;黑色 玫红色 桔红色</li>
                    <li title="M L XL 2XL">尺码:&nbsp;M L XL 2XL</li>
                    <li title="其他/other">品牌:&nbsp;其他/other</li>
                    <li title="其他">材质:&nbsp;其他</li>
                    <li title="旅游">适用场景:&nbsp;旅游</li>
                    <li title="四季">适用季节:&nbsp;四季</li>
                    <li title="青少年">适用对象:&nbsp;青少年</li>
                    <li title="青春流行">基础风格:&nbsp;青春流行</li>
                    <li title="青春活力">细分风格:&nbsp;青春活力</li>
                    <li title="动物图案">图案:&nbsp;动物图案</li>
                    <li title="贴布">服装款式细节:&nbsp;贴布</li>
                </ul>
                <section>
                    <img src="./images/showdetail/detail1.jpg" alt="">
                    <img src="./images/showdetail/detail2.jpg" alt="">
                    <img src="./images/showdetail/detail3.jpg" alt="">
                    <img src="./images/showdetail/detail4.jpg" alt="">
                </section>

            </article>
            <article class="tab_content2 none">
                <img src="" alt="无">
            </article>
            <article class="tab_content3 none">
                <table>
                    <thead>
                        <tr>
                            <th>买家</th>
                            <th>淘宝价</th>
                            <th>数量</th>
                            <th>付款时间</th>
                            <th>款式和型号</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>a**男(匿名)</td>
                            <td> <em class="price2">¥110.00</em> </td>
                            <td>1</td>
                            <td>2018-07-31 20:08:39</td>
                            <td>
                                <div>
                                    <p>颜色分类:黑色</p>
                                    <p>尺码:L</p>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>a**男(匿名)</td>
                            <td> <em class="price2">¥110.00</em> </td>
                            <td>1</td>
                            <td>2018-07-31 20:08:39</td>
                            <td>
                                <div>
                                    <p>颜色分类:黑色</p>
                                    <p>尺码:L</p>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>a**男(匿名)</td>
                            <td> <em class="price2">¥110.00</em> </td>
                            <td>1</td>
                            <td>2018-07-31 20:08:39</td>
                            <td>
                                <div>
                                    <p>颜色分类:黑色</p>
                                    <p>尺码:L</p>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>a**男(匿名)</td>
                            <td> <em class="price2">¥110.00</em> </td>
                            <td>1</td>
                            <td>2018-07-31 20:08:39</td>
                            <td>
                                <div>
                                    <p>颜色分类:黑色</p>
                                    <p>尺码:L</p>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td>a**男(匿名)</td>
                            <td> <em class="price2">¥110.00</em> </td>
                            <td>1</td>
                            <td>2018-07-31 20:08:39</td>
                            <td>
                                <div>
                                    <p>颜色分类:黑色</p>
                                    <p>尺码:L</p>
                                </div>
                            </td>
                        </tr>
                    </tbody>

                </table>
            </article>
            <!-- 品牌活动 -->
            <article>
                <h1 class="pic_title">看了又看</h1>
                <ul>
                    <li>
                        <img src="./images/showdetail/ss1.jpg" title="文艺男女店男士裤子潮流春季工装裤韩版休闲裤宽松长裤直筒裤男裤"
                            alt="文艺男女店男士裤子潮流春季工装裤韩版休闲裤宽松长裤直筒裤男裤">
                        <p>文艺男女店男士裤子潮流春季工装裤韩版休闲裤宽松长裤直筒裤男裤</p>
                    </li>
                    <li>
                        <img src="./images/showdetail/ss2.jpg" title="文艺男女店男士工装夹克韩版潮流港风假两件拼接外套春季学生上衣"
                            alt="文艺男女店男士工装夹克韩版潮流港风假两件拼接外套春季学生上衣">
                        <p>文艺男女店男士工装夹克韩版潮流港风假两件拼接外套春季学生上衣</p>
                    </li>
                    <li>
                        <img src="./images/showdetail/ss3.jpg" title="棉衣2018春季休闲连帽棉服男士加肥大码胖子宽松外套韩版潮流男装"
                            alt="棉衣2018春季休闲连帽棉服男士加肥大码胖子宽松外套韩版潮流男装">
                        <p>棉衣2018春季休闲连帽棉服男士加肥大码胖子宽松外套韩版潮流男装</p>
                    </li>
                    <li>
                        <img src="./images/showdetail/ss4.jpg" title="2019春季新款休闲高帮板鞋男士百搭耐磨运动鞋高邦鞋韩版潮男鞋子"
                            alt="2019春季新款休闲高帮板鞋男士百搭耐磨运动鞋高邦鞋韩版潮男鞋子">
                        <p>2019春季新款休闲高帮板鞋男士百搭耐磨运动鞋高邦鞋韩版潮男鞋子</p>
                    </li>
                    <li>
                        <img src="./images/showdetail/ss5.jpg" title="2019春季休闲印花圆领卫衣男士加肥大码胖子宽松外套韩版潮流男装"
                            alt="2019春季休闲印花圆领卫衣男士加肥大码胖子宽松外套韩版潮流男装">
                        <p>2019春季休闲印花圆领卫衣男士加肥大码胖子宽松外套韩版潮流男装</p>
                    </li>
                </ul>
            </article>
        </div>
        <!-- 中间区域 end -->
        <!-- 右侧热门推荐 start -->
        <div class="right_nav">
            <!-- <script src="./js/hotAdvise.js"></script> -->
        </div>
        <!-- 右侧热门推荐 end -->
    </div>
    <!-- 中间部分 end -->
    <!-- 底部 start -->
    <div class="footer">
        <div class="end">
            <span class="over">END</span>
        </div>
        <div class="gray">
            <div class="gray-nav">
                <img src="./images/正品.png" alt=""><span class="gray-content">正品保障</span>
                <img src="./images/送货.png" alt=""><span class="gray-content">即买即送</span>
                <img src="./images/付款.png" alt=""><span class="gray-content">货到付款</span>
                <img src="./images/发票.png" alt=""><span class="gray-content">正规发票</span>
                <img src="./images/保障.png" alt=""><span class="gray-content">全国联保</span>
            </div>
        </div>
        <div class="footer_list">
            <div class="list">

                <ul>
                    <li><span class="font16 padding-bottom"><img src="./images/赞.png" alt="">新手引导</span></li>
                    <li>用户注册</li>
                    <li>电话下单</li>
                    <li>购物流程</li>
                    <li>购物保障</li>
                    <li>服务协议</li>
                </ul>
            </div>
            <div class="list">
                <ul>
                    <li><span class="font16 padding-bottom"><img src="./images/支付.png" alt="">支付方式 </span></li>
                    <li>货到付款</li>
                    <li>商城卡支付</li>
                    <li>支付宝 网银支付</li>
                    <li>优惠券抵用</li>
                </ul>
            </div>
            <div class="list">
                <ul>
                    <li><span class="font16 padding-bottom"><img src="./images/配送.png" alt="">配送方式 </span></li>
                    <li>闪电发货</li>
                    <li>满百包邮</li>
                    <li>配送范围及时间</li>
                    <li>商品验收及签收</li>
                    <li>服务协议</li>
                </ul>
            </div>
            <div class="list">
                <ul>
                    <li><span class="font16 padding-bottom"><img src="./images/售后.png" alt="">售后服务 </span></li>
                    <li>退换货协议</li>
                    <li>关于发货</li>
                    <li>退换货流程</li>
                    <li>退换货运费</li>
                </ul>
            </div>
            <div class="list">
                <ul>
                    <li><span class="font16 padding-bottom"><img src="./images/锁.png" alt="">关于账号 </span></li>
                    <li>修改个人信息</li>
                    <li>修改密码</li>
                    <li>找回密码</li>
                </ul>
            </div>
            <div class="list">
                <ul>
                    <li><span class="font16 padding-bottom"><img src="./images/优惠.png" alt="">优惠活动 </span></li>
                    <li>竞拍须知</li>
                    <li>抢购须知</li>
                </ul>
            </div>
        </div>
        <!-- 页面版权区域 start -->
        <div class="foot_line">
            <p class="padding-top">
                天猫为第三方交易平台及互联网信息服务提供者，天猫（含网站、客户端等）所展示的商品/服务的标题、价格、详情等信息内容系由店铺经营者发布，其真实性、准确性和合法性均由店铺经营者负责。天猫提醒用户购买商品/服务前注意谨慎核实。如用户对商品/服务的标题、价格、详情等任何信息有任何疑问的，请在购买前通过阿里旺旺与店铺经营者沟通确认；天猫存在海量店铺，如用户发现店铺内有任何违法/侵权信息，请立即向天猫举报并提供有效线索。
            </p>
            <p><img src="./images/foot_pic.jpg" alt=""></p>
            <div class="clear"></div>
        </div>
        <!-- 页面版权区域 end -->
    </div>
    <!-- 底部 end -->

</body>

</html>